@import "../../assets/base.less";

#index {
  height: 100%;
  display: grid;
  section{
    width:75vw;

  }
  .item {
    display: grid;
    grid: auto auto / 80px 1fr;
    margin: 20px 0;


    .avatar {
      grid-column: 1;
      grid-row: 1 / span 2;
      justify-self: center;
      margin-left: 0;
      text-align: center;

      img {
        width: 60px;
        height: 60px;
        border-radius: 50%;
      }

      figcaption {
        font-size: 12px;
        color: @textLighterColor;
      }
    }

    h3 {
      grid-column: 2;
      grid-row: 1;
      word-break: break-all;

      &>span {
        color: @textLighterColor;
        font-size: 12px;
        font-weight: normal;
        margin-left:5px ;

      }
    }

    p {
      grid-column: 2;
      grid-row: 2;
      margin-top: 0;
      word-break: break-all;
    }
  }

  .pagination {
    align-self: end;
    display: grid;
    justify-items: center;
    align-items: end;
    margin-bottom: 30px;
  }

}





